@import 'reset.less';
@import 'grid.less';
@import 'Mixins.less';

@total-width-min: 900px;
@total-width-max: 900px;
@footer-height: 50px;
@footer-margin-top: 10px;

@a-link-color: #252f3c;
@a-hover-color: #ed1d24;
@a-visited-color: #442f3c;

/* --- Primary layout elements --- */
body 
{
	font-family: Verdana, Arial, Sans-Serif;
	height: 100%; 
	font-size: 14px;
	line-height: 1.5em;
	color:  #333;
}

#All
{
	overflow: auto;
	min-height: 100%;
	margin: 0 auto -(@footer-height+@footer-margin-top) auto;
	min-width: @total-width-min;
	max-width: @total-width-max;
	border-left: dashed 1px black;
	border-right: dashed 1px black;
}

#All > header
{
	padding: 20px 20px;
	background-color: lightgray
}

#All > header > div
{
	font-size: 2em;
}

section#Main
{
	overflow: auto;
	padding: 10px 20px 0px;
}

section#Left
{
	float: left;
	width: 200px;
	padding: 10px 0px 0px 20px;

	> div
	{
		margin-top: 15px;
		overflow: auto;
	}
}

#PreFooter
{
	height: (@footer-height+@footer-margin-top);
}

footer
{
	margin: @footer-margin-top auto 0px;
	height: @footer-height;
	line-height: @footer-height;
	max-width: @total-width-max;
	min-width: @total-width-min;
	text-align: center;
	color: #999;
	font-size: 0.8em;
	clear: both;
}

nav#MainMenu
{
	margin-top: 20px;
}

nav#MainMenu menu
{
}

nav#MainMenu li
{
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.loginFast
{
	label
	{
		margin-right: 5px !important;
	}

	input[type=text], input[type=password]
	{
		width: 120px;
	}
}


/* --- Headers and sizes --- */
h1, h2, h3, h4, h5, h6
{
	font-family: "Helvetica World", Helvetica, Verdana, Arial, Sans-Serif;
	color: #333;
	color: #252f3c;
}

h1, .huge
{
	font-size: 1.8em;
	line-height: 1em;
	margin: 0.5em 0;
}

h2, .large
{
	font-size: 1.6em;
	line-height: 1em;
	margin: 0.5em 0;
}

h3, .normal
{
	font-size: 1.4em;
	line-height: 1em;
	margin: 0.5em 0;
}

h4, h5, h6
{
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
}

.small 
{
	font-size: 0.8125em;
	line-height: 1em;
}


/* --- Primary content elements and settings --- */
a, a:link, a:active, a:visited, a:hover, a:focus
{
	color: @a-link-color;
	text-decoration: underline;
	outline: 0px none;
}

a
{
	-webkit-transition-property: color;
      -moz-transition-property: color;
        -o-transition-property: color;
       -ms-transition-property: color;
           transition-property: color;

   -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
       -ms-transition-duration: 0.2s;
           transition-duration: 0.2s;
}

a.anchor
{
	color: inherit;
	text-decoration: none;
}

a.script
{
	text-decoration: none;
	border-bottom: dashed 1px @a-link-color;
}

a:focus
{
	outline: 1px dotted #666;
}

a:visited
{
	color: @a-visited-color;
}

a:hover, a:active
{
	color: @a-hover-color;
	text-decoration: none;
	border-bottom: 0 none;
	outline: 0px none;
}

p, ul, ol
{
	margin: 0px 0px 0.7em 0px;
	line-height: 1.5em;
}

ul, ol
{
	line-height: 1em;
}

ul li
{
	margin-bottom: 1em;
}

blockquote
{
	padding: 2px 2px 2px 2em;
	margin: 0.5em 0 0.5em 20px;
	border-left: solid 0.75em #dadada;
	color: #666;
}

@import 'Buttons.less';
@import 'Misc.less';
@import 'Form.less';
@import 'Tables.less';
@import 'Pager.less';
@import 'Text.less';